<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>Serial Foods - WebGames</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="files/main_style.css" type="text/css" />
	<script>

	function goto(place)
	{
		//alert("Frame source = "+document.getElementById("contentframe").src);
		if(confirm("Are you sure that you want to navigate away from the game?"))
		{
			document.getElementById("contentframe").src = place;
		}
	}


	</script>


</head>

<body>


	<div id="wrapper">

		<div id="header">

			<div id="navigation">
				<ul>
				<li><img src="logo_small.bmp"></li>
				<li><a style="cursor:pointer;cursor:hand;" onclick="javascript:goto('home.html')">Home Page</a></li>
				<li><a style="cursor:pointer;cursor:hand;" onclick="javascript:goto('how_to.html')">How To</a></li>
				<!--<li><a href="home.html" target="stuff">Home Page</a></li>-->
				<!--<li><a href="login.html" target="stuff">login</a></li>-->
				<!--<li><a href="how_to.html" target="stuff">How To</a></li>-->
				</ul>
			</div>

			<h1><a href="index2.html">Serial Foods</a></h1>

		</div>

		<div id="content">

			<iframe id="contentframe" name="stuff" src="home.html" width="746px" height="520px"></iframe>

		</div>

		<div id="footer"><br />
		<span>Website created by 1186 Entertainment</span>
		</div>

	</div>

</body>
</html>
